<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html>
<head>
<#include "common/publicMETA.ftl"/>
    <title>AdminLTE 2 | Main</title>
<#include "common/publicCSS.ftl"/>
    <link rel="stylesheet" href="${ctx}/plugins/jquery-treegrid/css/jquery.treegrid.css">
<#include "common/publicHeadJS.ftl"/>
    <style>
        .box-header .box-title {
            line-height: 30px;
        }

        .box-header {
            padding: 5px;
        }
        .list-group-item:first-child {
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
        }
        ul.list-group a.list-group-item:last-child {
            margin-bottom: 0;
            border-radius: 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            border-width: 1px;
        }

    </style>

</head>
<!--
BODY TAG OPTIONS:
=================
Apply one or more of the following classes to get the
desired effect
|---------------------------------------------------------|
| SKINS         | skin-blue                               |
|               | skin-black                              |
|               | skin-purple                             |
|               | skin-yellow                             |
|               | skin-red                                |
|               | skin-green                              |
|---------------------------------------------------------|
|LAYOUT OPTIONS | fixed                                   |
|               | layout-boxed                            |
|               | layout-top-nav                          |
|               | sidebar-collapse                        |
|               | sidebar-mini                            |
|---------------------------------------------------------|
-->
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
<#include "common/mainHeader.ftl">
<#include "common/mainSidebar.ftl"/>
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
    <#--<section class="content-header">-->
    <#--<h1>-->
    <#--首页-->
    <#--<small>记账盘</small>-->
    <#--</h1>-->
    <#--<ol class="breadcrumb">-->
    <#--<li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>-->
    <#--<li class="active">Here</li>-->
    <#--</ol>-->
    <#--</section>-->

        <!-- Main content -->
        <section class="content">
            <div class="row">
                <div class="col-xs-3">
                    <div class="box">
                        <div class="box-header with-border">
                            <h3 class="box-title">字典类型
                            </h3>
                            <button type="button" class="btn btn-default btn-sm pull-right"><i class="fa fa-plus"></i>新增</button>
                        </div>
                        <div class="box-body table-responsive">
                            <div class="list"></div>
                            <div>
                                <i class="fa fa-search"></i>
							    <i class="fa fa-repeat"></i>
								</div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-9">
                    <div class="box">
                        <div class="box-header with-border">
                            <h3 class="box-title">字典列表树</h3>
                            <button type="button" class="btn btn-default btn-sm pull-right"><i class="fa fa-plus"></i>新增</button>
                        </div>
                        <div class="box-body table-responsive">
                            <table id="gridtree" data-url="${ctx}/dictionary/querySysDictionarys.do" ishascheck="false">
                                <tbody><tr><th style="text-align: left;">编码</th><th style="text-align: left;">值</th></tr><tr class="treegrid-1762194491365654500"><td>d0</td><td>字典0</td></tr><tr class="treegrid-1762194496423985200"><td>d1</td><td>字典1</td></tr><tr class="treegrid-1762194499041230800"><td>d2</td><td>字典2</td></tr><tr class="treegrid-1762194501650088000"><td>d3</td><td>字典3</td></tr><tr class="treegrid-1762194504225390600"><td>d4</td><td>字典4</td></tr><tr class="treegrid-1762194506809081900"><td>d5</td><td>字典5</td></tr><tr class="treegrid-1762194509451493400"><td>d6</td><td>字典6</td></tr><tr class="treegrid-1762194512102293500"><td>d7</td><td>字典7</td></tr><tr class="treegrid-1762194514736316400"><td>d8</td><td>字典8</td></tr><tr class="treegrid-1762194517378728000"><td>d9</td><td>字典9</td></tr><tr class="treegrid-1762194520004362200"><td>d10</td><td>字典10</td></tr><tr class="treegrid-1762194522613219300"><td>d11</td><td>字典11</td></tr><tr class="treegrid-1762194525247242200"><td>d12</td><td>字典12</td></tr><tr class="treegrid-1762194527822545000"><td>d13</td><td>字典13</td></tr><tr class="treegrid-1762194530406236200"><td>d14</td><td>字典14</td></tr><tr class="treegrid-1762194532981538800"><td>d15</td><td>字典15</td></tr><tr class="treegrid-1762194535556841500 treegrid-parent-1762194532981538800"><td>d16</td><td>字典16</td></tr><tr class="treegrid-1762194538132144000 treegrid-parent-1762194532981538800"><td>d17</td><td>字典17</td></tr><tr class="treegrid-1762194540724224000 treegrid-parent-1762194532981538800"><td>d18</td><td>字典18</td></tr><tr class="treegrid-1762194543391801300"><td>d19</td><td>字典19</td></tr><tr class="treegrid-1762194546042601500"><td>d20</td><td>字典20</td></tr><tr class="treegrid-1762194548601127000"><td>d21</td><td>字典21</td></tr><tr class="treegrid-1762194551176429600"><td>d22</td><td>字典22</td></tr><tr class="treegrid-1762194553768509400"><td>d23</td><td>字典23</td></tr><tr class="treegrid-1762194556352200700"><td>d24</td><td>字典24</td></tr><tr class="treegrid-1762194558902337500"><td>d25</td><td>字典25</td></tr><tr class="treegrid-1762194561511194600"><td>d26</td><td>字典26</td></tr><tr class="treegrid-1762194564094886000"><td>d27</td><td>字典27</td></tr><tr class="treegrid-1762194566653411300"><td>d28</td><td>字典28</td></tr><tr class="treegrid-1762194569186771000"><td>d29</td><td>字典29</td></tr><tr class="treegrid-1762194571770462200"><td>d30</td><td>字典30</td></tr><tr class="treegrid-1762194574396096500"><td>d31</td><td>字典31</td></tr><tr class="treegrid-1762194576971399200"><td>d32</td><td>字典32</td></tr><tr class="treegrid-1762194579538313200"><td>d33</td><td>字典33</td></tr><tr class="treegrid-1762194582122004500"><td>d34</td><td>字典34</td></tr><tr class="treegrid-1762194584705695700"><td>d35</td><td>字典35</td></tr><tr class="treegrid-1762194587255832600"><td>d36</td><td>字典36</td></tr><tr class="treegrid-1762194589856301000"><td>d37</td><td>字典37</td></tr><tr class="treegrid-1762194592423215000"><td>d38</td><td>字典38</td></tr><tr class="treegrid-1762194595006906400"><td>d39</td><td>字典39</td></tr></tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>


            <!-- Your Page Content Here -->

        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
<#include "common/mainFooter.ftl"/>
<#--<#include "common/controlSidebar.ftl"/>-->
</div>
<!-- ./wrapper -->
<!-- REQUIRED JS SCRIPTS -->
<#include "common/publicFootJS.ftl"/>
<script src="${ctx}/plugins/laypage/laypage.js"></script>
<script src="${ctx}/plugins/jquery-treegrid/js/jquery.treegrid.min.js"></script>
<script src="${ctx}/plugins/jquery-treegrid/js/jquery.treegrid.bootstrap3.js"></script>
<script type="text/javascript" src="${ctx}/plugins/myplugin/tablepage.js"></script>
<script>
    var rows = [];
    for (var i = 0; i < 15; i++) {
        var row = {};
        row.name = "字典类型#" + i + "#";
        row.value = i;
        rows.push(row)
    }

    var cols=[];
    var col1={};
    col1.name="名字";
    col1.field="name";
    var col2={};
    col2.name="地址";
    col2.field="addr";
    cols.push(col1);
    cols.push(col2);



    $(document).ready(function() {
        var url="${ctx}/dictionary/querySysDicRoots.do";
        $.post(url, {}, function (data) {
            $(".list").listData(data.rows);
        });

        $('#gridtree').tabletree();
    });
</script>
<!-- Optionally, you can add Slimscroll and FastClick plugins.
     Both of these plugins are recommended to enhance the
     user experience. Slimscroll is required when using the
     fixed layout. -->
</body>
</html>
